//所有货物数组
var goods=new Array("0001","艾迪康","管理员","广东广州市",
    "0002","艾迪康1","快递员","广东湛江市",
    "0003","艾迪康2","管理员","广东广州市",
    "0004","艾迪康3","地区管理员","广东广州市",
    "0005","艾迪康4","快递员","广东潮州市");
//列表一行的长度
var SIZE=4;
//一页最多显示行数
var ITEM_NUM=50;
//当前显示的货物数组
var someGoods=new Array();
//符合筛选的货物id的下标集合
var ids=new Array();
//总页码
var page=1;
//要显示的页码
var pageNum=1;
//标记，找到目标或无筛选条件的时候值为1
var flag=1;
//货物权限
var power="";
//货物省
var sheng="";
//选择市
var shi="";


//刚进入页面时创建用户列表
function createUserTable() {
    for(var i=0;i<goods.length;i++){
        someGoods[i]=goods[i];
    }
    setPage();  //设置页数
    var table=document.getElementById("table");     //要添加子标签的标签
    var tr=document.createElement("tr");        //生成<tr></tr>
    for(var i=0;i<goods.length;i++){
        var td=document.createElement("td");    //生成<td></td>
        td.innerHTML=goods[i];
        tr.appendChild(td);
        if((i+1)%SIZE == 0&&i!=0){
            table.appendChild(tr);
            tr=document.createElement("tr");
        }
        //达到页最大行数时，退出循环
        if(i==(SIZE*ITEM_NUM)){
            break;
        }
    }
}

//删除列表
function deleteTable() {
    var table=document.getElementById("table");
    var len=table.childNodes.length;
    for(var i=0;i<len;i++){
        table.removeChild(table.childNodes[0]);
    }
}

/*设置省下拉框内容
* obj 要构造的标签id
* attr 要设置属性的内容
* */
function  createProvinceList(obj,attr) {
    var ul=document.getElementById(obj);
    for(var i=0;i<provinceList.length;i++){
        //生成<li>
        var li=document.createElement("li");
        li.setAttribute("id",attr+i);
        //生成<a>
        var a=document.createElement("a");
        //设置 a 属性
        a.setAttribute("onclick",'select("'+attr+'","'+provinceList[i].name+'")');
        a.innerHTML=provinceList[i].name;
        li.appendChild(a);
        ul.appendChild(li);
    }
}

//添加市/县下拉框内容
function addCityElement(obj,attr,name) {
    removeCityElement(obj);
    //var mark=0;//数组对应省的下标
    var ul=document.getElementById(obj);
    for(var i=0;i<provinceList.length;i++){
        if(provinceList[i].name==name){
            provinceMark=i;
            break;
        }
    }
    for(var i=0;i<provinceList[provinceMark].cityList.length;i++){
        //生成<li>
        var li=document.createElement("li");
        li.setAttribute("id","li"+i);
        //生成<a>
        var a=document.createElement("a");
        //设置 a 属性
        a.setAttribute("onclick",'select("'+attr+'","'+provinceList[provinceMark].cityList[i].name+'")');
        a.innerHTML=provinceList[provinceMark].cityList[i].name;
        li.appendChild(a);
        ul.appendChild(li);
    }
}

//删除上次添加的元素
function removeCityElement(obj) {
    var ul = document.getElementById(obj);
    if (ul.childNodes.length == 1) {
        return;
    }
    var len = ul.childNodes.length;
    for (var i = 0; i < len; i++) {
        ul.removeChild(ul.childNodes[0]);
    }
}

//选择下拉框
function select(selectId,name) {
    document.getElementById(selectId).innerText=name;
    if(selectId=="power"){
        if(name=="选择权限"){
            name="";
        }
        power=name;
    }else if(selectId=="sheng"){
        if(name=="所属地区"){
            name="";
            shi="";
            select("shi","市/县");
        }else{
            addCityElement("ulT","shi",name);
        }
        sheng=name;
    } else if(selectId=="shi"){
        if(name=="市/县"){
            name="";
            removeCityElement("ulT")
        }
        shi=name;
    }
    allSearch();
}

//综合筛选
function allSearch() {
    var mark=0;
    if(power!=""){
        if(shi==""){     //权限不为空，地区为空
            for(var i=2;i<goods.length;i=i+SIZE){
                if(goods[i]==power){
                    flag=1;
                    if(mark==0){
                        ids=[];
                        mark=1;
                    }
                    ids.push(i-2);
                }
            }
            if(mark==0){
                flag=0;
            }
        }else{          //  权限不为空，地区不为空
            for(var i=2;i<goods.length;i=i+SIZE){
                if(goods[i]==power){
                    if(goods[i+1]==(sheng+shi)){
                        flag=1;
                        if(mark==0){
                            ids=[];
                            mark=1;
                        }
                        ids.push(i-2);
                    }
                }
            }
            if(mark==0){
                flag=0;
            }
        }
    }else{
        if(shi!=""){     //权限为空，地区不为空
            for(var i=3;i<goods.length;i=i+SIZE){
                flag=1;
                if(goods[i]==(sheng+shi)){
                    if(mark==0){
                        ids=[];
                        mark=1;
                    }
                    ids.push(i-3);
                }
            }
            if(mark==0){
                flag=0;
            }
        }else{      //权限和地区均为空
            flag=1;
            ids=[];
        }
    }
    setSomeGoods();
}

//设置筛选数组
function setSomeGoods() {
    someGoods=[];
    if(flag==0){
        //alert("falg=0");
        createSoTable();
        pageNum=1;
        document.getElementById("pageNum").value=pageNum;
        setPage();
        return;
    }else{
        for(var i=0;i<ids.length;i++) {
            for (var j = 0; j < SIZE; j++) {
                someGoods.push(goods[ids[i] + j]);
            }
        }
        if(ids.length==0){
            for(var i=0;i<goods.length;i++){
                someGoods[i]=goods[i];
            }
        }
    }
    //alert(someGoods.length);
    createSoTable();//重新创建表格
}

//根据ids创建筛选列表
function createSoTable() {
    deleteTable();      //删除旧表格
    if(flag==0){
        return;
    }
    var table=document.getElementById("table");     //要添加子标签的标签
    var tr=document.createElement("tr");
    for(var i=0;i<someGoods.length;i++){
        var td=document.createElement("td");    //生成<td></td>
        td.innerHTML=someGoods[i];
        tr.appendChild(td);
        if((i+1)%SIZE == 0&&i!=0){
            table.appendChild(tr);
            tr=document.createElement("tr");
        }
    }
    pageNum=1;
    document.getElementById("pageNum").value=pageNum;
    setPage();  //设置新的页码
}

//设置总页数
function setPage() {
    //计算页码
    if(someGoods.length/9%50>0){
        page=Math.ceil(someGoods.length/9/50);
    }else{
        page=someGoods.length/9;
    }
    if(page==0){
        page=1;
    }
    var pageHtml=document.getElementById("page").innerHTML="/"+page+"页";
}

//设置当前页码
function setPageNum() {
    var gageNumHtml=document.getElementById("pageNum");
    pageNum.innerHTML=pageNum;
}

//跳转
function  toPage() {
    if(event.keyCode==13){
        var value=document.getElementById("pageNum").value; //获得当前页码
        var num=parseInt(value);    //String转int
        if(num<=page){
            pageNum=num;
            createTableByPage();
        }else{
            alert("页码输入错误！");
        }
    }
}

//上一页
function beforePage() {
    if(pageNum>1){
        pageNum=pageNum-1;
        createTableByPage();
        var value=document.getElementById("pageNum").value=pageNum;
    }else{
        alert("无上一页");
    }
}

//下一页
function nextPage() {
    if(pageNum<page){
        pageNum=pageNum+1;
        createTableByPage();
        var value=document.getElementById("pageNum").value=pageNum;
    }else{
        alert("无下一页");
    }
}

//根据页码构建列表
function createTableByPage(){
    var mark=(pageNum-1)*50*SIZE;  //设置此页列表第一个数据的下标
    deleteTable();  //清空列表
    var table=document.getElementById("table");     //要添加子标签的标签
    var tr=document.createElement("tr");        //生成<tr></tr>
    for(var i=mark;i<goods.length;i++){
        var td=document.createElement("td");    //生成<td></td>
        td.innerHTML=goods[i];
        tr.appendChild(td);
        if((i+1)%SIZE == 0&&i!=0){
            table.appendChild(tr);
            tr=document.createElement("tr");
        }
        //达到页最大列数的时候推出循环
        if(SIZE*ITEM_NUM==(i-mark)){
            break;
        }
    }
}